/*
 * 左边菜单树。
 */
Ext.define("ES.view.LeftModuleTree",{
    //基类。
    extend:"Ext.tree.Panel",
    //别名。
    alias:"widget.LeftModuleTree",
    //菜单名称。
    title:"功能模块",
    //布局模式。
    layout:"fit",
    //数据集。
    store:"ModulesStore",
    //是否可折叠。
    collapsible:true,
    //跟节点是否可见。
    rootVisible:false,
    //在树节点中使用箭头。
    useArrows:true,
    //节点之间虚线。
    lines:true,
    //以动画形式伸展,收缩子节点。
    animate:true,
    //渲染。
    frame:false, 
    tools:[{
                type:"refresh",
                tooltip: "刷新",
                handler:function(event,toolEl,owner){
                    var el = owner.ownerCt.getEl();
                    var store =this.ownerCt.ownerCt.store;
                    this.ownerCt.ownerCt.LoadStoreData(el,store);
                }
    }],
    //初始化。
    initComponent:function(){
         this.LoadStoreData(this.getEl(), this.getStore());
         this.callParent(arguments);
    },
    //加载数据。
    LoadStoreData:function(el, store){
        if(el != null){
            el.mask("加载数据，请稍后....");
            if(store != null){
                store.load({
                            scope: this,
                            callback:function(records,operation,success){
                            if(!success){
                                Ext.MessageBox.show({
                                    title:"数据加载异常",
                                    msg:operation.getError(),
                                    icon:Ext.MessageBox.ERROR,
                                    buttons:Ext.Msg.OK
                                });
                            }
                            el.unmask();
                        }
                    });
            }else{
                el.unmask();
            }
        }
    }
});